@import './theme/ixx/index.css';

@import './variables.scss';
// @import './mixin.scss';
@import './transition.scss';
// @import './element-ui.scss';
// @import './sidebar.scss';
// @import './sidebar.scss';
// @import './btn.scss';

html,body {
  height: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
}
ul,dl,dd,p,h1,h2,h3,h4,h5{ list-style: none;margin: 0;padding: 0;box-sizing: border-box}
a {color: inherit;text-decoration: none}



.container{
  width: 1200px;
  margin: 0 auto;
  height: inherit;
}
.cursor-text{
  cursor: text
}
.text-nowrap{
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.share-text-info{
  color: $--share-text-info
}
.share-text-success{
  color: $--color-success
}
.share-text-danger{
  color: $--color-danger
}
.share-active-bg{
  color: $--color-success
}
.login-custom-form{
  /deep/ .el-input__inner{
      background: transparent;
      color: #fff;
      border: 1px solid rgba(255, 255, 255, 0.1);
  }
}
.el-table__body-wrapper{
  &::-webkit-scrollbar {
    /*滚动条整体样式*/
    width : 10px;  /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
    }
  &::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 10px;
    // box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
    background   : #ddd;
    }
  &::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    // box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    background   : #f0f0f0;
    }
}
// label {
//   font-weight: 700;
// }

// html {
//   height: 100%;
//   box-sizing: border-box;
// }

// #app {
//   height: 100%;
// }

// *,
// *:before,
// *:after {
//   box-sizing: inherit;
// }

// .no-padding {
//   padding: 0px !important;
// }

// .padding-content {
//   padding: 4px 0;
// }

// a:focus,
// a:active {
//   outline: none;
// }

// a,
// a:focus,
// a:hover {
//   cursor: pointer;
//   color: inherit;
//   text-decoration: none;
// }

// div:focus {
//   outline: none;
// }

// .fr {
//   float: right;
// }

// .fl {
//   float: left;
// }

// .pr-5 {
//   padding-right: 5px;
// }

// .pl-5 {
//   padding-left: 5px;
// }

// .block {
//   display: block;
// }

// .pointer {
//   cursor: pointer;
// }

// .inlineBlock {
//   display: block;
// }

// .clearfix {
//   &:after {
//     visibility: hidden;
//     display: block;
//     font-size: 0;
//     content: " ";
//     clear: both;
//     height: 0;
//   }
// }

// aside {
//   background: #eef1f6;
//   padding: 8px 24px;
//   margin-bottom: 20px;
//   border-radius: 2px;
//   display: block;
//   line-height: 32px;
//   font-size: 16px;
//   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
//   color: #2c3e50;
//   -webkit-font-smoothing: antialiased;
//   -moz-osx-font-smoothing: grayscale;

//   a {
//     color: #337ab7;
//     cursor: pointer;

//     &:hover {
//       color: rgb(32, 160, 255);
//     }
//   }
// }

// //main-container全局样式
// .app-container {
//   padding: 20px;
// }

// .components-container {
//   margin: 30px 50px;
//   position: relative;
// }

// .pagination-container {
//   margin-top: 30px;
// }

// .text-center {
//   text-align: center
// }

// .sub-navbar {
//   height: 50px;
//   line-height: 50px;
//   position: relative;
//   width: 100%;
//   text-align: right;
//   padding-right: 20px;
//   transition: 600ms ease position;
//   background: linear-gradient(90deg, rgba(32, 182, 249, 1) 0%, rgba(32, 182, 249, 1) 0%, rgba(33, 120, 241, 1) 100%, rgba(33, 120, 241, 1) 100%);

//   .subtitle {
//     font-size: 20px;
//     color: #fff;
//   }

//   &.draft {
//     background: #d0d0d0;
//   }

//   &.deleted {
//     background: #d0d0d0;
//   }
// }

// .link-type,
// .link-type:focus {
//   color: #337ab7;
//   cursor: pointer;

//   &:hover {
//     color: rgb(32, 160, 255);
//   }
// }

// .filter-container {
//   padding-bottom: 10px;

//   .filter-item {
//     display: inline-block;
//     vertical-align: middle;
//     margin-bottom: 10px;
//   }
// }

// //refine vue-multiselect plugin
// .multiselect {
//   line-height: 16px;
// }

// .multiselect--active {
//   z-index: 1000 !important;
// }
